*{
	padding:0;
	margin:0;
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
	color:none;
}
img{
	width: 100%; 
	height: auto;
	max-width: 100%; 
	display: block;
}
/*顶部栏*/
.navbar{
	width:100%;
	height:4em;
	line-height:4em;
	background-image: url(../img/bg-i.png);
	box-shadow:0px 0px 10px black;
}
.navbar>p{
	float:left;
	display:block;
	margin-left:3em;
	font-size:1.5em;
	color:white;
}
.navbar>a>.fa-arrow-left{
	float:left;
	margin-left:1em;
	font-size:2em;
	color:white;
	margin-top:.5em;
}
.fa-search{
	float:right;
	font-size:1.5em;
	margin-right:1em;
	margin-top:0.85em;
	color:white;
}
/*任务块*/
/*.missionForm{
	float:left;
	width:90%;
	margin-top:1em;
	margin-left:5%;
	background-color: blanchedalmond;
	border-radius: 1em;;
} */
/*任务块中的头像栏*/
/*
.avatar{
	float:left;
	background-color: #000000;
	width:3em;
	height:3em;
	margin-top:1em;
	margin-left:1em;
	border-radius: 3em;
}
.userName{
	display:block;
	float:left;
	margin-left:.5em;
	margin-top:1em;
	font-size:1em;
}
.pubTime{
	display:block;
	font-size:.75em;
	float:left;
	margin-left:.5em;
	margin-top: 1.75em;
}
.missionMon{
	float:left;
	margin-top:1em;
	margin-left:1em;
}
.missionName{
	clear:left;
	margin-right:.5em;
	margin-left:2em;
	margin-top:.5em;;
	font-size:1.5em;
}
.missionContent{
	display:block;
	clear:all;
	margin-top:.5em;
	margin-left:.5em;
	margin-right:.5em;
	word-break: break-all;
} */
img{
	width: 100%; 
	height: auto;
	max-width: 100%; 
	display: block;
}
body{
	background-image: url(../img/bg-2.jpg);
	background-repeat:repeat-y;
}
#missions{
	height: 1000px;
}
.missionForm{
	float:left;
	width:90%;
	margin-top:1em;
	margin-left:5%;
	padding-bottom:1em;
	background-color: rgba(255,255,255,0.4);
	box-shadow:0px 0px 6px black;
	border-radius: 1em;;
}
/*任务块中的头像栏*/
.avatar{
	float:left;
	background-image:url(../img/avatar.jpg);
	background-size: cover;
	width:3em;
	height:3em;
	margin-top:1em;
	margin-left:1em;
	border-radius: 3em;
	box-shadow:0px 0px 5px black;
}
.personSend{
	display:block;
	float:left;
	margin-left:.5em;
	margin-top:1em;
	font-size:1em;
}
.missionTime{
	display:block;
	font-size:.75em;
	float:left;
	margin-left:.5em;
	margin-top: 1.75em;
	color:rgba(0,0,0,0.8);
}
.missionMon{
	float:left;
	margin-top:1em;
	margin-left:1em;
}
.price{
	color:orangered;
}
.missionName{
	clear:left;
	margin-right:.5em;
	margin-left:1.25em;
	margin-top:.5em;;
	font-size:1.5em;
}
.missionContent{
	display:block;
	clear:all;
	margin-top:.5em;
	margin-left:.5em;
	margin-right:.5em;
	word-break: break-all;
}
/*弹出窗口*/
#elasticFrame{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;	
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 999999;
}
#mission{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top:5em;
	margin-bottom:8em;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	background-color: rgba(255,255,255,0.9);
}
#closeBtn{
	display: block;
	width: 20px;
	height: 20px;
	/*background-color: #000000;*/
	float: right;
}
#closeBtn:hover{
	cursor: pointer;
}
.place{
	margin-left:2em;
	margin-left:2em;
	word-break: break-all;
}
.missionForm>button{
	box-shadow: 0px 0px 10px black;
	color: white;
	display: block;
	width: 6em;
	height: 3em;
	border-radius: 2em;
	border: none;
	background-color: royalblue;
}
.missionContent{
	margin-left:2em;
	margin-right:2em;
	word-break: break-all;
}
#undefined{
	float:left;
	margin:1em;
}
.accept{
	margin:1em auto;
	box-shadow: 0px 0px 10px black;
	color: white;
	display: block;
	width: 6em;
	height: 3em;
	border-radius: 2em;
	border: none;
	background-color: royalblue;
}
.think{
	display:none;
}
.check{
	display:none;
}
.personNumberA,.personAccept{
	display:none;
}
.thinkMore{
	float:right;
	margin:1em;
}
/*隐藏mission中的内容*/
.missionForm>button,
.missionForm>.missionContent,
.missionForm .personAccept,
.missionForm .personNumberA,
.missionForm .check,
.personNumberS
{
	display: none;
}
